<template>
  <div class="zong">
    <div class="muluzong">
      <div class="muluyi">
        <p>
          <span>0/2</span
          >你可以任选<span>2</span>个小节免费学习，目前已学<span>0</span>节
        </p>
      </div>
      <div class="muluer">
        <h4>做好准备(2节)</h4>
        <div class="muluernei">
          <p>01开篇词：谷歌面试官带你100道算法题进大厂</p>
          <span>2021-05已读440</span>
          <div class="muluermf">免费</div>
        </div>
        <div class="muluernei">
          <p>02基础知识讲解---一定要会的算法复杂度分析</p>
          <span>2021-05已读289</span>
          <div class="muluermf">免费</div>
        </div>
      </div>
      <div class="muluer">
        <h4>链表(3节)</h4>
        <div class="muluernei">
          <p>03基础知识讲解--构造一个最简单的数据结构</p>
          <span>2021-05已读440</span>
          <div class="muluermf">学习</div>
        </div>
        <div class="muluernei">
          <p>04核心算法讲解--工作中必须掌握的链表操作</p>
          <span>2021-05已读289</span>
          <div class="muluermf">学习</div>
        </div>
        <div class="muluernei">
          <p>05经典面试题--链表在工程中的运用</p>
          <span>2021-05已读289</span>
          <div class="muluermf">学习</div>
        </div>
      </div>
       <div class="muluer">
        <h4>数组入门(3节)</h4>
        <div class="muluernei">
          <p>06基础知识讲解--面试中会怎么考数组题</p>
          <span>2021-05已读440</span>
          <div class="muluermf">学习</div>
        </div>
        <div class="muluernei">
          <p>07核心算法讲解--用两根指针秒杀数组</p>
          <span>2021-05已读289</span>
          <div class="muluermf">学习</div>
        </div>
        <div class="muluernei">
          <p>08经典面试题--面试考的数组会很难吗</p>
          <span>2021-05已读289</span>
          <div class="muluermf">学习</div>
        </div>
      </div>
      <div class="muluer">
        <h4>递归与树(5节)</h4>
        <div class="muluernei">
          <p>09基础知识讲解--第一道槛：递归</p>
          <span>2021-05已读440</span>
          <div class="muluermf">学习</div>
        </div>
        <div class="muluernei">
          <p>10基础知识讲解---DFS遍历二叉树的三种方式</p>
          <span>2021-05已读289</span>
          <div class="muluermf">学习</div>
        </div>
        <div class="muluernei">
          <p>11基础知识讲解---一定要会的算法复杂度分析</p>
          <span>2021-05已读289</span>
          <div class="muluermf">学习</div>
        </div>
        <div class="muluernei">
          <p>12基础知识讲解---一定要会的算法复杂度分析</p>
          <span>2021-05已读289</span>
          <div class="muluermf">学习</div>
        </div>
        <div class="muluernei">
          <p>13基础知识讲解---一定要会的算法复杂度分析</p>
          <span>2021-05已读289</span>
          <div class="muluermf">学习</div>
        </div>
      </div>
       <div class="muluer">
        <h4>栈、队列、堆(5节)</h4>
        <div class="muluernei">
          <p>14开篇词：谷歌面试官带你100道算法题进大厂</p>
          <span>2021-05已读440</span>
          <div class="muluermf">学习</div>
        </div>
        <div class="muluernei">
          <p>15基础知识讲解---一定要会的算法复杂度分析</p>
          <span>2021-05已读289</span>
          <div class="muluermf">学习</div>
        </div>
        <div class="muluernei">
          <p>16基础知识讲解---一定要会的算法复杂度分析</p>
          <span>2021-05已读289</span>
          <div class="muluermf">学习</div>
        </div>
        <div class="muluernei">
          <p>17基础知识讲解---一定要会的算法复杂度分析</p>
          <span>2021-05已读289</span>
          <div class="muluermf">学习</div>
        </div>
        <div class="muluernei">
          <p>18基础知识讲解---一定要会的算法复杂度分析</p>
          <span>2021-05已读289</span>
          <div class="muluermf">学习</div>
        </div>
      </div>
      <div class="muluer">
        <h4>图论(4节)</h4>
        <div class="muluernei">
          <p>19开篇词：谷歌面试官带你100道算法题进大厂</p>
          <span>2021-05已读440</span>
          <div class="muluermf">学习</div>
        </div>
        <div class="muluernei">
          <p>20基础知识讲解---一定要会的算法复杂度分析</p>
          <span>2021-05已读289</span>
          <div class="muluermf">学习</div>
        </div>
        <div class="muluernei">
          <p>21基础知识讲解---一定要会的算法复杂度分析</p>
          <span>2021-05已读289</span>
          <div class="muluermf">学习</div>
        </div>
        <div class="muluernei">
          <p>22基础知识讲解---一定要会的算法复杂度分析</p>
          <span>2021-05已读289</span>
          <div class="muluermf">学习</div>
        </div>
      </div>
      <div class="muluer">
        <h4>数组进阶&字符串(4节)</h4>
        <div class="muluernei">
          <p>23开篇词：谷歌面试官带你100道算法题进大厂</p>
          <span>2021-05已读440</span>
          <div class="muluermf">学习</div>
        </div>
        <div class="muluernei">
          <p>24基础知识讲解---一定要会的算法复杂度分析</p>
          <span>2021-05已读289</span>
          <div class="muluermf">学习</div>
        </div>
        <div class="muluernei">
          <p>25基础知识讲解---一定要会的算法复杂度分析</p>
          <span>2021-05已读289</span>
          <div class="muluermf">学习</div>
        </div>
        <div class="muluernei">
          <p>26基础知识讲解---一定要会的算法复杂度分析</p>
          <span>2021-05已读289</span>
          <div class="muluermf">学习</div>
        </div>
      </div>
       <div class="mldibu">
      <p>— 造烛求明,读书求理 —</p>
    </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
.zong {
  margin-bottom: 0.55rem;
}
.mulizong {
  width: 3.45rem;
}
.muluyi {
  margin-left: 0.17rem;
  background-color: #f5f9fc;
  height: 0.48rem;
  width: 3.41rem;
}
.muluyi span {
  color: blue;
  font-size: 0.2rem;
  font-weight: bold;
  line-height: 0.48rem;
}
.muluyi p {
  font-size: 0.15rem;
  line-height: 0.48rem;
}
.muluer {
  margin-top: 0.16rem;
  margin-left: 0.17rem;
}
.muluer h4 {
  margin-bottom: 0.1rem;
}

.muluer p {
  font-size: 0.15rem;
  padding-top: 0.12rem;
}
.muluernei {
  height: 0.88rem;
  width: 3.41rem;
  background-color: #f5f9fc;
  z-index: -9999;
  position: relative;
}
.muluernei span {
  font-size: 0.08rem;
  color: #b6babd;
  display: block;
  padding-top: 0.3rem;
}
.muluermf {
  width: 0.34rem;
  height: 0.2rem;
  border: 1px solid blue;
  border-radius: 20px;
  font-size: 0.1rem;
  text-align: center;
  position: absolute;
  top: 0.5rem;
  left: 3rem;
}
.mldibu{
  margin-left: 0.17rem;
  height: 0.55rem;
}
.mldibu p{
  font-size: 0.15rem;
  color: #c0c0c0;
  line-height: 0.55rem;
  text-align: center;
}
</style>